<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Handbag</title>
<meta name="description" content="Handbag" />

<script src="../../../assets/js/jquery-1.4.4.min.js"></script>
<link rel="stylesheet" href="../../../assets/third_party/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script src="../../../assets/third_party/fancybox/jquery.easing-1.3.pack.js"></script>
<script src="../../../assets/third_party/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script src="../../../assets/third_party/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<style>
*{margin:0;padding:0;}
    .container {
        width:900px;
        margin:auto;
    }
</style>
</head>
<body>
<div class="container">
  
<!--PRODUCT FEATURE WIDGET [slug:product_feature, library:0, widget instance:1]-->
  <div id="product_feature_wi_1" class="product_feature_0">
  <!--Load css of widget-->
  <link href="product_feature_0.css" media="screen" rel="stylesheet" type="text/css" />
  
	<style>
    /* override style here*/
    .product_feature_0 {
        width:779px;
        float:left;
        padding:0px 0px 40px 0px;
    }
    </style>    
    <script>
     $(document).ready( function(){
     	 $('.product_feature_0 .button_new_product').click( function(){
     	  $('.product_feature_0 .list_new_product').show();
     	  $('.product_feature_0 .list_best_seller').hide();
     	  $(this).removeClass('active');
     	  $('.product_feature_0 .button_best_seller').removeClass('active');
     	  $(this).addClass('active');
     	 	return false;
     	 	});
     	 	
     	  $('.product_feature_0 .button_best_seller').click( function(){
     	  $('.product_feature_0 .list_new_product').hide();
     	  $('.product_feature_0 .list_best_seller').show();
     	    $(this).removeClass('active');
     	  $('.product_feature_0 .button_new_product').removeClass('active');
     	  $(this).addClass('active');
     	 	return false;
     	 	});
     	});
    </script>
    <div class="button_choice"><a href="#" class="button_new_product active" >Sản phẩm mới</a> &nbsp;|&nbsp; <a href="#" class="button_best_seller">Sản phẩm bán chạy</a></div>
    
    
    <div class="list_new_product">
    <div class="list_product">
   
      <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">Double-scoopneck tee dress in stripe & dot print </a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 €</div>
          <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
        </div>
      </div>
       <!--END product_item-->  
       
       <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 €</div>
          <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
        </div>
      </div>
       <!--END product_item-->  
       
       <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 €</div>
          <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
        </div>
      </div>
       <!--END product_item-->  
       
       <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 €</div>
          <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
        </div>
      </div>
       <!--END product_item-->  
       
       <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 €</div>
          <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
        </div>
      </div>
       <!--END product_item-->  
       
       <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 €</div>
          <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
        </div>
      </div>
       <!--END product_item-->  
       <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 €</div>
          <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
        </div>
      </div>
       <!--END product_item-->  <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 €</div>
          <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
        </div>
      </div>
       <!--END product_item-->  
    </div>
    <!--END list_product--> 
      </div>
    <!--END list_new_product--> 
    
     <div class="list_best_seller">
    <div class="list_product">
   
      <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#"> Best sellerDouble-scoopneck tee dress in stripe & dot print </a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 €</div>
          <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
        </div>
      </div>
       <!--END product_item-->  
       
       <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 €</div>
          <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
        </div>
      </div>
       <!--END product_item-->  
       
       <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 €</div>
          <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
        </div>
      </div>
       <!--END product_item-->  
       
       <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 €</div>
          <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
        </div>
      </div>
       <!--END product_item-->  
       
       <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 €</div>
          <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
        </div>
      </div>
       <!--END product_item-->  
       
       <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 €</div>
          <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
        </div>
      </div>
       <!--END product_item-->  
       <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 €</div>
          <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
        </div>
      </div>
       <!--END product_item-->  <div class="product_item">
        <div class="product_img"> <a href="#"><img src="p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
        <div class="section_info">
          <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
        </div>
        <div class="section_commerce">
          <div class="product_price">600,00 €</div>
          <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
        </div>
      </div>
       <!--END product_item-->  
    </div>
    <!--END list_product--> 
      </div>
    <!--END list_best_seller--> 
    
    
  </div>
 <!--END PRODUCT FEATURE WIDGET-->  
</div>
</body>
</html>